<template>
  <div>
    <h1>sweetHome</h1>
    <p style="color:red">{{message}}</p>
    <h2>{{show()}}</h2>
    <button type="button" @click="show2(word)">点击我</button>
    <br>
    <input type="text" v-model="word">
  </div>
</template>

<script>
  export default {
    name: "Home",
    data(){
      return {
        word:""
      }
    },
    props: {// 组件之间传递参数使用的属性
      message: {//参数的名称,差值表达式就使用这个名称
        type: String,//参数的数据类型为字符串
        required: true,//参数是必要的参数,(没有提供就报错)
        default: "这个是假的消息"
      },
      show: {
        type: Function
      }
      ,
      show2: {
        type: Function
      }
    }
  }
</script>

<style scoped>

</style>
